<!doctype html>
<html class="no-js" lang="">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta name="author" content="webthemez">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <title>Giant - Best Free Bootstrap Coming Soon template | webthemez</title> -->
    <link rel="stylesheet" href="./static/css/bootstrap.min.css">
    <link rel="stylesheet" href="./static/css/main.css">
    <link rel="stylesheet" href="./static/css/responsive.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <style>
        body {
            background-image: url(images/backgrounds/1.jpg)
        }
    </style>
</head>

<body class="banner-area">
    <!--header section -->
    <section class="banner" role="banner">
        <!-- overlay -->
        <div class="banner-area-gradient"></div>
        <!-- overlay -->
        <div class="inner-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <div class="banner-text text-center">
                            <a class="logo" href="#">

                                <img src="../static/images/logo1.jpg" class="logo" alt="logo" /><b>ZKE</b></a>

                            <div class="type-wrap">
                                <div id="typed-strings">
                                    <p>Technology <em>has been changing</em> <strong>our lives</strong></p>
                                    <span>Always love <strong>computers</strong></span>
                                </div>
                                <span id="typed" style="white-space:pre;"></span>
                            </div>
                            <!--Countdown -->
                            <div id="countdown"></div>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">

                        <div id="subscribes" class="subscribe">

                            <div class="subscribe-form">

                                <!-- action链接后端 -->
                                <form method="POST" action="http://localhost:3000/upload" enctype="multipart/form-data">
                                    <!-- 选择文件上传表单至后端 -->
                                    <div class="button">
                                        <input type="file" name="the_file" class="file" data-show-preview="false" />
                                    </div>
                                    <input type="text" placeholder="输入名字" class="set_name" name="face_id" />
                                    <input type="submit" class="btn btn-primary butto-new" />
                                    <!-- <button onclick=" ",class="btn2, name="", >sumbit</button> -->
                                </form>

                                <!-- 识别出结果、置信度 -->
                                <form method="POST" action="http://localhost:3000/recogniz" enctype="multipart/form-data">
                                    <input type="file" name='the_file' class="file" data-show-preview="false" style="margin-top:20px;">
                                    <input type="submit" value="开始识别" class="btn btn-primary button-new " style="margin-top:15px;">
                                </form>

                                </form>

                            </div>
                        </div>

                    </div>
                </div>
                <!--subscribe section -->

            </div>
        </div>

        </div>
        </div>
        </footer>
        <!-- Footer section -->
    </section>
    <!--header section -->

    <!-- JS files-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.backstretch.min.js"></script>
    <script src="js/jquery.countdown.js"></script>
    <script type="text/javascript" src="js/jquery.subscribe.js"></script>
    <script src="js/typed.min.js" type="text/javascript"></script>
    <script src="js/main.js"></script>
</body>

</html>